<template>
  <div class="statistics-detail">
    <el-card>
      <div slot="header">
        <span>统计详情</span>
      </div>
      <div class="detail-content">
        <p>统计ID: {{ statisticsId }}</p>
        <p>详细信息加载中...</p>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'StatisticsDetail',
  props: {
    statisticsId: {
      type: [String, Number],
      required: true
    }
  },
  data() {
    return {
      // 组件数据
    }
  },
  mounted() {
    this.loadDetail()
  },
  methods: {
    loadDetail() {
      // 加载详情数据
      console.log('Loading statistics detail for ID:', this.statisticsId)
    },
    close() {
      this.$emit('close')
    }
  }
}
</script>

<style lang="scss" scoped>
.statistics-detail {
  .detail-content {
    padding: 20px;
  }
}
</style>